﻿
html, body { margin: 0; padding: 0; text-align: center; overflow-y: hidden; }
#wrapper { min-height: 700px; }
#pagewidth { width: 100%; text-align: left; margin: 0 auto; }
#body { height: 600px; width: 1287px; background: #354F60; opacity: 0.8; border: solid 0px red; min-height: 550px; position: absolute; right: -3%; top: 85%; border-radius: 32px; }
#header { position: relative; height: 20%; background-color: #354f60; width: 100%; display: block; overflow: auto; }

#leftcol { width: 10.2%; float: left; position: relative; background-color: #000000; min-height: 768px; }

#twocols { width: 89.8%; float: right; position: relative; min-height: 768px; }

#rightcol { width: 11.4%; float: right; position: relative; background-color: #A9C99F; min-height: 768px; }

#maincol { background-color: #000000; float: left; position: relative; width: 88.7%; z-index: 100; }

#footer { height: 20%; background-color: #000000; clear: both; display: block; overflow: auto; position: absolute; bottom: 0px; width: 100%; margin-left: 0; }
.leftbottom { position: fixed; bottom: 0px; left: 0px; }
.rightbottom { position: fixed; bottom: 0px; right: 0px; }
.rightmiddle { position: fixed; top: 0px; right: 0px; }
.leftmiddle { position: fixed; top: 0px; left: 0px; }
.centrebottom { position: fixed; bottom: 0px; }
/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.hidden { display: none; }


/* ******************************************************************** */
/*                      printer styles                                  */
/* ******************************************************************** */

@media print {
    /*hide the left column when printing*/
    #leftcol { display: none; }

    /*hide the right column when printing*/
    #rightcol { display: none; }
    #twocols, #maincol { width: 100%; float: none; }
}
